Tối Ưu Long Task

Chia nhỏ các JavaScript task >50ms để giữ main thread luôn responsive và cải thiện INP.

💡 Mở DevTools → tab Performance, bắt đầu ghi, click "Xử Lý Dữ Liệu", rồi dừng ghi. Tìm Long Task được đánh cờ đỏ trong timeline.

Thời Lượng Task

—

Trạng Thái

Sẵn Sàng

Chưa Tối Ưu — Chặn Main Thread

Tính tổng bình phương trên main thread. Animation counter đóng băng trong khi xử lý — đây là Long Task đang chặn UI.

Chuyển tính toán sang luồng nền bằng Web Worker. UI vẫn hoàn toàn responsive trong khi xử lý.

Chia tính toán thành các chunk nhỏ dùng setTimeout để nhường giữa các chunk, giữ main thread rảnh cho tương tác người dùng.